<!--项目负责人列表新增/编辑-->
<template>
  <el-dialog
    v-dialogDrag
    :title="dialogTitle"
    :close-on-click-modal="false"
    :visible.sync="dialogVisible"
    class="dialogStyleMiddle"
    :before-close="cancel"
  >
    <el-form
      ref="addForm"
      class="dialog-form"
      label-width="auto"
    >
      <el-row :gutter="20">
        <el-checkbox-group v-model="checkList">
          <el-col v-for="(item,index) in recordList" :key="index" :span="24">
            <div class="check-item">{{ index }}<el-checkbox :disabled="role ==='2'" :label="item.label">{{ (index + 1) + '.' + item.label }}</el-checkbox></div>
          </el-col>
        </el-checkbox-group>
      </el-row>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <DialogFooter />
    </div>

  </el-dialog>
</template>

<script>
// dialog-footer
import DialogFooter from '@/components/Common/Btns/DialogFooter/index'
export default {
  name: 'PunishRecordDialog',
  components: {
    DialogFooter
  },
  data() {
    return {
      dialogTitle: '', // 弹框标题
      dialogVisible: false, // 弹框显隐
      // 存储数据
      checkList: [],
      // 处罚字典
      recordList: [
        { label: '违反本办法规定,工程勘察企业未按照工程建设强制性标准进行勘察、弄虚作假、提供虚报成功等' },
        { label: '未按规定及时将工程勘察文件和勘探、试验、测试原始记录及成果' },
        { label: '工程勘察有关的原始资料或者提供的原始资料不真实、不可靠' },
        { label: '工程勘察质量监督部门责令改正, 处1万元以上3万元以下的罚款' },
        { label: '违反本办法规定,工程勘察企业未按照工程建设强制性标准进行勘察、弄虚作假、提供虚报成功' },
        { label: '未按规定及时将工程勘察文件和勘探、试验、测试原始记录啊' },
        { label: '工程勘察有关的原始资料或者提供的原始资料不真实' },
        { label: '工程勘察质量监督部门责令改正, 处1万元以上5万元以下的罚款' },
        { label: '违反本办法规定,工程勘察企业未按照工程建设强制性标准进行勘察、弄虚作假' },
        { label: '未按规定及时将工程勘察文件和勘探、试验、测试原始记录' }
      ],
      // 勘察单位
      role: '3'
      /* 新增 end*/
    }
  },
  methods: {
    /* 新增/编辑弹层 start*/
    // 新增/编辑
    handleAdd(title, row) {
      this.role = localStorage.getItem('role')
      this.dialogTitle = title
      this.dialogVisible = true
      this.checkList = row.checkList
      if (row !== undefined) {
        this.formData = { ...row }
      }
    },
    // 提交按钮
    submitForm() {
      this.btnDisabled = true
      setTimeout(() => {
        this.msgSuccess('保存成功')
        this.dialogVisible = false
        this.$parent.getList()
        this.btnDisabled = false
      }, 300)
    },
    // 取消按钮
    cancel() {
      this.dialogVisible = false
      this.btnDisabled = false
    }
    /* 新增/编辑弹层 end*/
  }
}
</script>

<style lang="scss" scoped>
.check-item {
  padding: 12px 0px;
  border-bottom: 1px solid #ddd;
}
</style>
